import {Navigate} from 'react-router-dom';
function Protected(props){
  //component原本想渲染的组件 path是原来想渲染的路径
  const {component:RouteComponent,path} =  props;
  //从localStorage中获取用户信息
  let user = localStorage.getItem('user');
  //如果能取到说明此用户已经登录过了,可以直接渲染Profile组件
  if(user){
    return <RouteComponent/>
  }else{
    // 如果此用户没有登录过，则跳转到登录页进行登录
    //再跳转到/login的时候，还要告诉 login组件等你登录完以后再我跳回path,也就是/profile,也就是原来我本想访问的路径
    return <Navigate to="/login" state={{from:path}}/>
  }

}
export default Protected;

//V6 
//V5